Canigó - Detall dels tags - password

Detall dels tags - password

Defineix un camp d'entrada de texte, d'una linia, en el que en comptes dels caràcters introduits es mostra el caràcter "*".

Estén el tag layout:password ( http://struts.application-servers.com/doc/tags/field.html#password ) de Struts-Layout.

La documentació auto-generada del tag és a  http://canigo.ctti.gencat.net/confluence/canigodocs/site/canigo2_2/tlddoc/fwk/password.html

Atributs heredats

Els atributs heredats de layout:password son: accesskey, arg0, arg1, arg2, arg3, arg4, bundle, cols, hint, isRequired, key, layoutId, maxlength, mode, name, onblur, onchange, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, policy, property, redisplay, rows, size, styleClass, tabindex, tooltip.

Atributs específics de Canigó

Atribut Funció
layout (true / false) Especifica si s'ha de generar o no etiqueta associada
services  
styleId Identificador del tag, per lligar-lo amb la configuració injectada amb Spring
tooltipKey Clau del literal del missatge a mostrar dins el tooltip
tooltipOptions Opcions aplicades segons la implementació (en el cas actual sota DOM Tooltip)
tooltipTitleKey Clau del literal a mostrar si volem mostrar un títol com a capçalera del tooltip

Per utilitzar els Tooltips cal incloure un conjunt d'arxius JavaScript i CSS:

  • el full d'estil tooltips.css
  • els arxius de scripts domLib.js i domTT.js
<LINK REL=StyleSheet
      HREF="css/tooltips/tooltips.css"
      TYPE="text/css"
      MEDIA=screen>

<script type="text/javascript"
        src="<c:url value="/scripts/tooltips/dom_tooltip/domLib.js"/>">
</script>
<script type="text/javascript"
        src="<c:url value="/scripts/tooltips/dom_tooltip/domTT.js"/>">
</script>

Exemple

A continuació es presenta un fragment de pàgina que utilitza el tag fwk:password

Pàgina JSP

<script type="text/javascript"
        src="<c:url value="/scripts/tooltips/dom_tooltip/domLib.js"/>">
</script>
<script type="text/javascript"
        src="<c:url value="/scripts/tooltips/dom_tooltip/domTT.js"/>">
</script>

<LINK REL=StyleSheet
      HREF="css/tooltips/tooltips.css"
      TYPE="text/css"
      MEDIA=screen>

<fwk:form action="provesTagsSimple.do"
          styleId="myActionForm"
          reqCode="show"
          method="post"
          layout="true">
    (...)
    <fwk:password key="jsp.provesTags.ProvesTagsSimple.camp2"
                  styleId="camp2"
                  tabindex="20"
                  maxlength="10"
                  tooltipTitleKey="jsp.provesTags.ProvesTagsSimple.camp2.tipTitle"
                  tooltipKey="jsp.provesTags.ProvesTagsSimple.camp2.tip"
                  property="camp2"/>
    (...)
</fwk:form>

Arxius d'internacionalització

jsp.provesTags.ProvesTagsSimple.camp2=Segon camp
jsp.provesTags.ProvesTagsSimple.camp2.tipTitle=Ajuda
jsp.provesTags.ProvesTagsSimple.camp2.tip=Ajuda del segon camp, que és un Password

Bugs

  • L'utilització dels atributs tooltipKey i tooltipTitleKey no inclouen automàticament els arxius javascript necessàris i cal fer-ho explícitament.